<!DOCTYPE html>
<html>
<head>
  <script src="../resources/text-based-repaint.js" type="text/javascript" charset="utf-8"></script>
  <script type="text/javascript" charset="utf-8">
    function repaintTest()
    {
      document.getElementById('target').style.height='10px';
    }
  </script>
</head>
<body onload="runRepaintAndPixelTest()">
    <div id="container" style="width: 500px; transform: translate(50px, 80px)">
      <div style="padding-bottom: 100px; background: silver;">
          <div style="float: right; height: 50px; width: 50px; background: green;"></div>
          <div style="clear: right; border: 4px solid blue;">
                  <div style="height: 55px;" id="target">
                  </div>
          </div>
      </div>
    </div>
</body>
</html>
